<template>
    <div>
        <el-row>
            <el-col :xs=" {span: 24, offset: 0}" :sm=" {span: 7, offset: 0}">
                <router-link to="/manage/news">
                <el-card shadow="hover" :body-style="{ background: '#67C23A',color:'#fff'}">
                    <p class="card-title">新闻总数</p>
                    <p>1212</p>
                </el-card>
                </router-link>
            </el-col>  
            <el-col :xs=" {span: 24, offset: 0}" :sm=" {span: 7, offset: 1}">
                <router-link to="/manage/job">
                <el-card shadow="hover" :body-style="{ background: '#409EFF',color:'#fff' }">
                    <p class="card-title">职位总数</p>
                    <p>1212</p>
                </el-card>
                </router-link>
            </el-col> 
            <el-col :xs=" {span: 24, offset: 0}" :sm=" {span: 7, offset: 1}">
                <router-link to="/manage/words">
                <el-card shadow="hover" :body-style="{ background: '#E6A23C',color:'#fff' }">
                    <p class="card-title">留言总数</p>
                    <p>1212</p>
                </el-card>
                </router-link>
            </el-col>   
        </el-row>
    </div>    
</template>
<script>
export default {
    name:'backMain'
}
</script>
<style scoped>
.card-title{
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}
</style>
